@charset "utf-8";
/* CSS Document */
/*
* Basic Cascading Style Sheet
* Intructions: none
* Version: 1.0
* Updated: 2017.6.19
*/
/***********************CSS RESET*********************/
*{margin:0;padding:0}
html{background:white;font-size:100px;}
body{color:#030303;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
body,button,input,select,textarea{font:12px font-min;}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;font-size:12px}
th{text-align:inherit}
fieldset,img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
a:active,a.active,a:hover {  text-decoration: none;color:#0457A9 ;  }
ins,a{outline:0;text-decoration:none;color:inherit;}
a:focus,*:focus{outline:0}
.clearfix:before,.clearfix:after,#head .con:after{content:"";display:table}
.clearfix:after,#head .con:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0}
.hide{display:none!important;visibility:hidden}
.indent{display:inline-block;text-indent:-9999px}
.block{display:block!important}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.font-max{font-family:font-max;}
.font-min{font-family:font-min;}
.font-size-14{font-size:14px;}
.font-size-16{font-size:16px;}
.font-size-20{font-size:20px;}
.font-size-h2{font-size:32px;}
.color-line-height{color:#0457A9;}
.color-base1{color:#030303;}
.color-base2{color:#676767;}
.color-base3{color:#9b9b9b;}

/*@font-face {*/
    /*font-family: 'font-max';//方正大标宋*/
    /*src: url('../font/font-max/fzdbsjw-webfont.eot'); !* IE9 Compat Modes *!*/
    /*src: url('../font/font-max/fzdbsjw-webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../font/font-max/fzdbsjw-webfont.woff') format('woff'), !* Modern Browsers *!*/
    /*url('../font/font-max/FZDBSJW.TTF')  format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../font/font-max/fzdbsjw-webfont.svg#font-max') format('svg'); !* Legacy iOS *!*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/

/*@font-face {*/
    /*font-family: 'font-min';//方正兰亭黑*/
    /*src: url('../font/font-min/fzlthjw-webfont.eot'); !* IE9 Compat Modes *!*/
    /*src: url('../font/font-min/fzlthjw-webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../font/font-min/fzlthjw-webfont.woff') format('woff'), !* Modern Browsers *!*/
    /*url('../font/font-min/FZLTHJW.TTF')  format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../font/font-min/fzlthjw-webfont.svg#font-min') format('svg'); !* Legacy iOS *!*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
.swiper-container{font-family:font-max;}

.warp{width:1200px;margin:0 auto;overflow:hidden;}
.order_box{
    width: 950px;
    margin:20px auto;
    padding-bottom:60px;
    color: #000;
    overflow:hidden;
}
/*header*/
#head{width:100%;margin-top:54px;}
#head .con{width: 1200px;
    margin: 0 auto;
    /* margin-top: 10px; */
    padding-bottom: 17px;
    border-bottom: solid 1px #808080;
    /* line-height: 42px; */
    /* overflow: hidden; */
    /* height: 54px; */
    clear: both;
    line-height: 42px;}
#head .logo,#head a,#head em,#head s{float:left;}
#head .logo img {
    width: 100%;
    max-width: 170px;
    height: auto;
    margin-top: -17px;
}

#head .head-nav-fl a,#head .head-nav-fr a{padding-left:30px;font-family:'font-max';font-size:14px;}
#head .head-nav-fr a{padding-left:0px;}
#head .head-nav-fr a.cart .icon{display: inline-block;  float: left;  margin-right: 10px;  font-size: 30px;}
#head .head-nav-fr s{padding:0 10px;text-decoration: none;}
#head .head-nav-fl a.active,#head .head-nav-fl a:hover{color:#0457A9;}

/*footer*/
/*.row {margin-left: 0;margin-right: 0;  }*/
/*dt{*/
    /*font-weight:normal;*/
/*}*/
/*.footer {*/
    /*border-top: .01rem solid #808080;*/
    /*padding: .2rem 0;*/
    /*margin-top: 1.5rem;*/
/*}*/

/*@media (min-width: 992px) {*/
    /*.footer_nav .col-md-2 {*/
        /*width: 20%;*/
    /*}*/
/*}*/

/*.footer dt {*/
    /*font-family: font-max;*/
    /*font-size: .2rem;*/
    /*margin-bottom: .3rem;*/
/*}*/

/*.footer dd {*/
    /*font-size: .14rem;*/
    /*color: #9B9B9B;*/
    /*margin: .06rem 0;*/
/*}*/

/*.footer .img {*/
    /*width: .52rem;*/
    /*height: .52rem;*/
    /*max-width: .52rem;*/
    /*max-height: .52rem;*/
    /*background: #030303;*/
    /*line-height: .53rem;*/
    /*position: relative;*/
/*}*/

/*.footer .img img {*/
    /*!*margin-top: -.1rem;*!*/
    /*-webkit-transition: all .2s;*/
    /*-moz-transition: all .2s;*/
    /*-ms-transition: all .2s;*/
    /*-o-transition: all .2s;*/
    /*transition: all .2s;*/
    /*position: absolute;*/
    /*left:50%;*/
    /*top:50%;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    /*width:100%;*/
    /*height:100%;*/
/*}*/

/*.footer .img:hover img{*/
    /*!*-webkit-transform: scale(1.6, 1.6);*!*/
    /*!*-moz-transform: scale(1.6, 1.6);*!*/
    /*!*-ms-transform: scale(1.6, 1.6);*!*/
    /*!*-o-transform: scale(1.6, 1.6);*!*/
    /*!*transform: scale(1.6, 1.6);*!*/
    /*width:160%;*/
    /*height:160%;*/
/*}*/

/*.footer_text {*/
    /*margin-top: .32rem;*/
/*}*/

/*.footer_text p {*/
    /*color: #9B9B9B;*/
    /*font-size: .12rem;*/
    /*padding: .05rem 0;*/
/*}*/

/*.footer_text span {*/
    /*font-size: 14px;*/
    /*margin: 0 .02rem;*/
    /*vertical-align: middle;*/
/*}*/

/*.footer_text .cr {*/
    /*margin-bottom: .15rem;*/
/*}*/
/*.icon_bei{*/
    /*display: inline-block;*/
    /*width:20px;*/
    /*height:20px;*/
    /*background: url(../../portal/img/icon.png) top center no-repeat;*/
    /*vertical-align: middle;*/
    /*margin:-2px 5px 0 0;*/
/*}*/
.footer_text p a{color:inherit;}
/*类似首页 图书楼层 标题*/
.book-floor{width:100%;float:left;}
.book-floor .floor-name{width:100%;margin:50px 0;text-align:center;}
.book-floor h2{display:inline-block;padding:0 25px;color:#221914;position:relative;}
.book-floor .line{width:80px;height:1px;border-bottom:solid 1px #7f7f7f;display:inline-block;position:absolute;top:50%;}
.book-floor .line.line-fl{left:-80px;}
.book-floor .line.line-fr{right:-80px;}

/*图书列表*/
.bookList{width:100%;margin-top:80px;}
.bookList .item{width:30%;height:auto;margin:0 2.5% 3.5% 0;float:left;}
/*.bookList .item:nth-child(3n){}*/
.bookList .item:last-child{margin-right:0px;}
.bookList .item>a{display:table-cell;height:300px;width:1%;vertical-align:middle;text-align:center;border:solid 1px transparent; -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  -ms-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.bookList .item:hover>a{border-color:rgba(3,3,3,.3);}
.book-img-shadow{  width:auto;height:187px;max-width:80%;  vertical-align: middle;  -webkit-box-shadow: -30px 30px 60px 0 rgba(0, 0, 0, .25), -20px 20px 40px -10px rgba(0, 0, 0, .3), -20px 20px 15px -15px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3);  -moz-box-shadow: -30px 30px 60px 0 rgba(0, 0, 0, .25), -20px 20px 40px -10px rgba(0, 0, 0, .3), -20px 20px 15px -15px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3);  box-shadow: -30px 30px 60px 0 rgba(0, 0, 0, .25), -20px 20px 40px -10px rgba(0, 0, 0, .3), -20px 20px 15px -15px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3);  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  -ms-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;  }
.item:hover .book-img-shadow,#detail .item:hover .book-img-white{  -webkit-transform: scale(1.2, 1.2);  -moz-transform: scale(1.2, 1.2);  -ms-transform: scale(1.2, 1.2);  -o-transform: scale(1.2, 1.2);  transform: scale(1.2, 1.2);  }
.bookList .item>p{text-align:left;font-size:16px;padding:12px 0 0 0;line-height:25px;width:100%;  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*全部分类 搜索 类似首页*/
.classifySearch-p{width:100%;float:left;background: rgba(255,255,255,.9);margin-bottom:15px;padding:50px 0;transition: all .4s ease-out;-webkit-transition:all .4s ease-out;}
.classifySearch-p.fix{width:100%;padding:15px 0;position:fixed;left:0;top:0;z-index:999999;    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.classifySearch{width:1200px;margin:0px auto;position:relative;}
.classify,.allSearch{float:left;font-size:20px;font-family:font-min;}
.classify{margin: 15px 26px 0 0;cursor:pointer;}
.classify .icon{font-size: 24px;  float: right;  margin-top: -1px;margin-left:8px;}
.classifySearch .classifySearchBar{width:82%;margin-bottom:22px;margin:0px auto;overflow:hidden;}

.allSearch{width:80%;border-bottom:solid 1px #7f7f7f;padding-bottom:3px;}
.allSearch .search_txt{width:80%;text-align:center;border:none;font-size:18px;}
.allSearch .search_btn{float: right;  margin-right: 20px;  font-size: 28px;color: #000;}

.level-classify{margin:15px 0 20px ;padding-bottom:30px;}
.level-classify a,.level-classify span{padding:30px 30px 0px 0;float:left;text-decoration: none;}
.level-classify.level1{width:100%;float:left;font-family:font-min;font-size:16px;border-bottom:solid 1px #e5e5e5;}
.level-classify.level2{width:100%;float:left;}
.level-classify.level2 a,.level-classify.level2 span{color:#9b9b9b;padding: 0px 15px 15px 0;float:none;display:inline-block;}
.level-classify.level2 a:hover,.level-classify.level2 a:active,.level2 a.active{color:#0457A9;}
.level-classify.level2 span{margin-top: 2px;color:#e5e5e5;}
.level-classify.level2 .item{width:100%;float:left;}
.level-classify .level2-name,.level-classify .level3-name{float:left;}
.level-classify .level2-name a{padding-right:18px;}
.level-classify .level3-name{width:88%;}
.allClassisy{width:82%;margin:0 auto;height:0;overflow:hidden;-webkit-transition: height 1s ease-in-out;  -moz-transition: height 1s ease-in-out;  -ms-transition: height 1s ease-in-out;  -o-transition: height 1s ease-in-out;  transition: height  1s ease-in-out;}
.allClassisy.active{height:auto;}
.allClassisy>p{text-align:center;}
.allClassisy .up_btn{font-size:32px;}

/*loading*/
.demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}
.demo-spin-col{
    height: 100px;
    width:100%;
    position: relative;
    margin:0 auto;
}

.demo-spin-col span{
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    border: 1px solid #0457A9;
    border-radius: 100%;
    border-right: 0;
    border-top: 0;
    top:50%;
    left:50%;
    margin:-15px 0 0 -15px;
}
.demo-spin-col p{
    font-size: 14px;
    text-align: center;
    padding-top: 80px;
}
.w1100{
    width: 1100px;
    padding: 20px;
    margin:20px auto;
}
/*微信支付*/
.pay_scan{
    width: 500px;
    height: 370px;
    padding: 30px 150px;
    margin-right: 50px;
}
.pay_scan img{
    width: 230px;
    height: 230px;
    /*padding: 20px;*/
    border: 1px solid #ddd;
}
@media screen and (max-width:768px){
    #head .logo img{width:85%;    width: 70%;}
    #head{margin-top:25px;}
    #head .head-nav-fl{margin-top:20px}
    #head .head-nav-fl a{font-size:16px;}
    #head .head-nav-fr a{font-size:14px;padding:0 5px;}

    #head .head-nav-fr s{padding:0 5px;}
    #head .head-nav-fr a.cart .icon{margin-right:-3px;}
    #head .head-nav-fr>a.login{margin-left:5px!important;}
    #head .con{width:95%;position:relative;padding-bottom:5px;}
    #head .head-nav-fr{position:absolute;right:0px;top:-5px;}
    #head .head-nav-fl a{padding-left:16px;}
    .warp{width:95%;}
    .order_box{
        width: 95%;
        margin:20px auto;
        padding-bottom:60px;
        color: #000;
        overflow:hidden;
    }
    .w1100{
        width: 100%;
        padding: 20px;
        margin:20px auto;
    }
    .pay_scan{
        width:100%;
        height: 370px;
        padding:0px!important;
        margin: 0px!important;
    }
    .pay_scan img{
        width: 230px;
        height: 230px;
        /*padding: 20px;*/
        border: 1px solid #ddd;
    }
    .classifySearch{width:95%}
    .classifySearch .classifySearchBar{width:96%;}
    .allClassisy{width:94%;}
    .classify{ margin: 10px 25px 0 0;}
    .classify, .allSearch{font-size:16px;}
    .classifySearch-p{padding:40px 0;}
    .allSearch .search_txt{font-size:14px;width: 71%;}
    .allSearch .search_btn{font-size:22px;}
    .allSearch{width:56%;}
    .level-classify{    margin: 15px 0 5px;}
    .level-classify a, .level-classify span{padding:15px 15px 0 0;}
    .level-classify.level2 a, .level-classify.level2 span{font-size:14px;}
    .level-classify.level1{font-size:16px;}
    .footer .col-xs-6{ padding: 0 10%!important;width: 50%!important;}

    .bookList{margin-top:30px;}
    .bookList .item{width:47%;}
    .book-img-shadow{height:130px;}
    .bookList .item>a{height:auto;padding:20px 0;overflow: hidden;}

    .book-floor .line{width:70px;}
    .book-floor .line.line-fl{left:-70px;}
    .book-floor .line.line-fr{right:-65px;}



}
@media screen and (max-width:325px){
    #head .head-nav-fr a{font-size:12px;}
    #head .head-nav-fl a{font-size:12px;}

}

/*iview*/
.ivu-checkbox-inner{width:20px;height:20px;background-color:#dfdfdf;border-radius: 4px;}
.ivu-checkbox-inner:after{width: 6px;  height: 12px;top: 1px;  left: 6px;}
.ivu-checkbox-checked .ivu-checkbox-inner:after{width: 6px;  height: 12px;top: 1px;  left: 6px;}
.ivu-checkbox-checked .ivu-checkbox-inner{border-color: #ff6500;  background-color: #ff6500;}
.ivu-checkbox-checked:hover .ivu-checkbox-inner{border-color: #ff6500;}
.ivu-steps .ivu-steps-title{font-weight:normal;}

